<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>以纯官方网站</title>
    <script type="text/javascript" src="js/jquery-2.2.4.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="index.css"/>
    <script src="script/index.js"></script>
</head>
<body>

<!-- Button trigger modal -->
<a  data-toggle="modal" data-target="#myModal"
        style="background-color: #ffffff;color: #000000;font-size: 12px;width: 50px;height: 20px;border: 0;
        position: absolute;top: 60px;left: 1395px">
   会员登录
</a>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">登录</h4>
            </div>
            <div class="modal-body">
                <form method="POST">
                    <div class="form-group">
                        <label for="exampleInputEmail1">用户名:</label>
                        <input type="text" class="form-control" name="petname" id="exampleInputEmail1" placeholder="请填写用户名" pattern="^[a-zA-Z]{6,12}$" required style="height: 25px;border: 1px solid #000000">
                    </div>
                    <div class="form-group">
                        <label >密码:</label>
                        <input type="password" class="form-control" name="password" placeholder="请填写密码" pattern="^.{6,12}$" required style="height: 25px;border: 1px solid #000000">
                    </div>
                    <p style="font-size: 12px">特别提示：卡号是您的手机号码，如13300002222，初始密码是您的注册生日，如20150111</p>
                    <div class="modal-footer">
                        <button type="submit" value="加入我们" class="btn btn-primary" style="width: 100%;height: 35px;background-color: #000000">登录</button>
                        <a href="#" style="color: #8c8c8c">忘记密码></a>
                    </div>
                    <button  style="width: 100%;height: 35px;background: #ffffff;border: 1px solid #000000"><a href="register.html" style="color: #8c8c8c">加入我们</a></button>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="yingcang">
    <div class="libian">
        <img src="uploads/8.png" alt="....."/>
    </div>
</div>
<header class="Herder">
    <div class="Top">
        <div class="auto">
          <dl>
              <dd><a href="#">首页</a></dd>
              <dd><a href="#">VIP CLUB</a></dd>
              <dd><a href="#">寻找门店</a></dd>
              <dd style="border: 5px">
                  <a href="#">分享:</a>
              </dd>
              <dd>
                  <a href="#"><img src="uploads/OMS0%7BLJPBA93BMK1%5DZJR%5DAQ.png" alt=".." class="weitu"/></a>
                  <a href="#"><img src="uploads/X9H34BM8G9T)NO%5DJMB4OZR1.png" alt=".."/></a>
              </dd>
              <dd>
                  <a href="#">YOUKU</a>
              </dd>
              <div style="clear: both"></div>
          </dl>
            <span class="lang">
                <img src="uploads/1M@59S66LSGO8OBO@%5BZE%7DVV.png" alt="..."/>
                <a href="#">中文</a>
                /
                <a href="#">ENGLISH</a>
            </span>
        </div>
        <div class="autt">
            <img src="uploads/TGMTI%25JA%60AT~4%7D~C%7BP15ROX.png" alt="" style="margin-left: 40%"/>


            <nav class="Menu">
                <ul id="ul">
                    <li style="margin-left: 0"><a href="#">首页</a></li>
                    <li id="xian"><a href="男装.html">男装</a>
                    <div id="li" style="background-color: #ffffff;opacity: 0.9; z-index: 200;width: 990px;height: 330px;border: 1px solid #c0c0c0;position: absolute;left: 457px;padding: 35px;display: flex;flex: inherit;display: none">
                      <div style="width: 190px;height: 270px;" class="cgen">
                          <dl style="color: #8c8c8c">
                              <dd style="margin-bottom: 15px;color: #101010">主题新品</dd>
                              <dd><a href="#">针织衫</a> </dd>
                              <dd><a href="#">休闲裤</a></dd>
                              <dd><a href="#">衬衫</a></dd>
                              <dd><a href="#">牛仔裤</a></dd>
                              <dd><a href="#">热卖T恤</a></dd>
                              <dd><a href="#">韩庚星推荐</a></dd>
                          </dl>
                          <img src="uploads/201605280930213021.jpg" alt="" style="position: absolute;left: 620px;top: 20px"/>
                      </div>
                        <div style="width: 200px;height: 270px;position: absolute;left: 250px;top: 40px" class="cgen">
                            <dl style="color: #8c8c8c">
                                <dd style="margin-bottom: 15px;color: #101010">根据产品筛选</dd>
                                <dd><a href="#">中袖</a></dd>
                                <dd><a href="#">长款开衫</a></dd>
                                <dd><a href="#">牛仔裤</a></dd>
                                <dd><a href="#">白衬衫</a></dd>
                                <dd><a href="#">特惠款</a></dd>
                                <dd><a href="#">父亲节推荐</a></dd>
                                <dd><a href="#">牛仔裤</a></dd>
                                <dd><a href="#">休闲裤</a></dd>
                                <dd><a href="#">衬衫</a></dd>
                                <dd><a href="#">T恤</a></dd>
                                <dd><a href="#">韩庚明星款</a></dd>
                                <dd><a href="#">春装外套</a></dd>
                            </dl>
                        </div>
                        <div style="width: 220px;height: 270px;border: 0;position: absolute;left: 450px;top: 40px" class="cgen">
                            <dl style="color: #8c8c8c">
                                <dd style="margin-bottom: 15px;color: #101010">优惠活动</dd>
                                <dd><a href="#">夏季优惠活动</a></dd>
                            </dl>
                        </div>
                    </div>
                    </li>
                    <li id="xian1"><a href="女装.html">女装</a>
                        <div id="li1" style="background-color: #ffffff;opacity: 0.9;z-index: 200;width: 990px;height: 360px;border: 1px solid #c0c0c0;position: absolute;left: 457px;padding: 35px;display: flex;flex: inherit;display: none">
                            <div style="width: 200px;height: 310px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">主题新品</dd>
                                    <dd><a href="#">休闲裤</a></dd>
                                    <dd><a href="#">针织衫</a></dd>
                                    <dd><a href="#">衬衫</a></dd>
                                    <dd><a href="#">牛仔裤</a></dd>
                                </dl>
                                <img src="uploads/nv.jpg" alt="" style="position: absolute;left: 600px;top: 20px"/>
                            </div>
                            <div style="width: 200px;height: 310px ;position: absolute;left: 230px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">根据产品筛选</dd>
                                     <dd><a href="#">春装外套</a></dd>
                                    <dd><a href="#">中袖</a></dd>
                                    <dd><a href="#">长款开衫</a></dd>
                                    <dd><a href="#">牛仔裤</a></dd>
                                    <dd><a href="#">特惠款</a></dd>
                                    <dd><a href="#">棉麻衬衫</a></dd>
                                    <dd><a href="#">背带装</a></dd>
                                    <dd><a href="#">半身裙</a></dd>
                                    <dd><a href="#">防晒衫</a></dd>
                                    <dd><a href="#">T恤</a></dd>
                                    <dd><a href="#">衬衫</a></dd>
                                    <dd><a href="#">休闲裤</a></dd>
                                    <dd><a href="#">磨边短裤</a></dd>
                                    <dd><a href="#">空调衫</a></dd>
                                </dl>
                            </div>
                            <div style="width: 200px;height: 310px;border: 0;position: absolute;left: 430px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">优惠活动</dd>
                                    <dd><a href="#">夏装优惠</a></dd>
                                </dl>
                            </div>
                        </div>
                    </li>
                    <li id="xian2"><a href="童装.html">童装</a>
                        <div id="li2" style="background-color: #ffffff;opacity: 0.9;z-index: 200;width: 990px;height: 300px;border: 1px solid #c0c0c0;position: absolute;left: 457px;padding: 35px;display: flex;flex: inherit;display: none">
                            <div style="width: 200px;height: 250px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">主题新品</dd>
                                    <dd><a href="#">卡通T</a> </dd>
                                    <dd><a href="#">背带裙</a></dd>
                                </dl>
                                <img src="uploads/tong.jpg" alt="" style="position: absolute;left: 600px;top: 20px"/>
                            </div>
                            <div style="width: 200px;height: 250px;position: absolute;left: 230px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">根据产品筛选</dd>
                                    <dd><a href="#">连衣裙</a></dd>
                                    <dd><a href="#">背带装</a></dd>
                                    <dd><a href="#">卡通T</a></dd>
                                    <dd><a href="#">条纹系列</a></dd>
                                    <dd><a href="#">运动衫</a></dd>
                                </dl>
                            </div>
                            <div style="width: 200px;height: 270px;border: 0;position: absolute;left: 430px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">优惠活动</dd>
                                    <dd><a href="#">夏季优惠活动</a></dd>
                                </dl>
                            </div>
                        </div>
                    </li>
                    <li id="xian3"><a href="">配村</a>
                        <div id="li3" style="background-color: #ffffff;opacity: 0.9;z-index: 200;width: 990px;height: 300px;border: 1px solid #c0c0c0;position: absolute;left: 457px;padding: 35px;display: flex;flex: inherit;display: none">
                            <div style="width: 200px;height: 240px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">主题新品</dd>
                                    <dd><a href="#">卡通T</a> </dd>
                                    <dd><a href="#">背带裙</a></dd>
                                </dl>
                                <img src="uploads/pei.jpg" alt="" style="position: absolute;left: 600px;top: 20px"/>
                            </div>
                            <div style="width: 200px;height: 240px;position: absolute;left: 230px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">根据产品筛选</dd>
                                    <dd><a href="#">休闲鞋</a></dd>
                                    <dd><a href="#">家居服</a></dd>
                                    <dd><a href="#">潮流包</a></dd>
                                </dl>
                            </div>
                            <div style="width: 200px;height: 240px;border: 0;position: absolute;left: 430px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;color: #101010">优惠活动</dd>
                                    <dd><a href="#">夏季优惠活动</a></dd>
                                </dl>
                            </div>
                        </div>
                        </li>
                    <li id="xian4"><a href="">look book</a>
                        <div id="li4" style="background-color: #ffffff;opacity: 0.9;z-index: 200;width: 990px;height: 300px;border: 1px solid #c0c0c0;position: absolute;left: 457px;padding: 35px;display: flex;flex: inherit;display: none">
                            <div style="width: 200px;height: 270px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;">16年型录</dd>
                                    <dd><a href="#">16年型录夏季款</a></dd>
                                    <dd><a href="#">16年型录春季款</a></dd>
                                    <dd><a href="#">16年型录冬季款</a></dd>
                                    <dd><a href="#">16年型录秋季款</a></dd>
                                </dl>
                                <img src="uploads/b.jpg" alt="" style="position: absolute;left: 600px;top: 20px;width: 200px;height: 250px"/>
                            </div>
                            <div style="width: 200px;height: 270px;position: absolute;left: 230px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;">15年型录</dd>
                                    <dd><a href="#">暂无记录</a></dd>
                                </dl>
                            </div>
                            <div style="width: 200px;height: 270px;border: 0;position: absolute;left: 430px;top: 40px" class="cgen">
                                <dl style="color: #8c8c8c">
                                    <dd style="margin-bottom: 15px;">NEW</dd>

                                </dl>
                            </div>
                        </div>
                    </li>
                    <li><a href="">会员中心</a></li>
                    <li><a href="">关于以纯</a></li>
                </ul>
            </nav>
            <div class="input-group" style="width: 150px;position: absolute;left: 1298px;top: 105px;z-index: 100">
                <input type="text" class="form-control" placeholder="描述商品或编号" aria-describedby="basic-addon2" >
                <a href="#"><i class="glyphicon glyphicon-search" style="position: absolute;left: 133px;top:3px;z-index: 200;color: #8c8c8c"></i></a>
            </div>
        </div>
    </div>
</header>
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width: 990px;height: 554px;margin: auto;margin-top: 25px">
        <!-- Indicators -->
        <ol class="carousel-indicators" style="width: 150px;margin-left: 300px;">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            <li data-target="#carousel-example-generic" data-slide-to="4"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="uploads/1.jpg" alt="...">
            </div>
            <div class="item">
                <img src="uploads/2.jpg" alt="...">
            </div>
            <div class="item">
                <img src="uploads/3.jpg" alt="...">
            </div>
            <div class="item">
                <img src="uploads/4.jpg" alt="...">
            </div>
            <div class="item">
                <img src="uploads/5.jpg" alt="...">
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
<div class="nei">
<h2><strong>精选男装 / 女装</strong></h2>
<ul>
    <li><a href="#"><img src="http://www.yishion.com/uploadfiles/16%E7%A7%8B%E8%A3%85/201607221723182318.jpg" alt=""/></a>
        <p><a href="#">2016秋装新品</a></p>
        <a href="#" style="text-decoration: none; "><h3>牛仔裤</h3></a>
        <button><a href="#">了解更多 ></a></button>
    </li>
    <li><a href="#"><img src="http://www.yishion.com/uploadfiles/16%E7%A7%8B%E8%A3%85/201607181637473747.jpg" alt=""/></a>
        <p><a href="#">2016秋装新品</a></p>
        <a href="#" style="text-decoration: none; "><h3>棉麻衬衫</h3></a>
        <button><a href="#">了解更多 ></a></button>
    </li>
    <li><a href="#"><img src="http://www.yishion.com/uploadfiles/16%E7%A7%8B%E8%A3%85/201607181635233523.jpg" alt=""/></a>
        <p><a href="#">2016秋装新品</a></p>
        <a href="#" style="text-decoration: none; "><h3>百搭特惠款</h3></a>
        <button><a href="#">了解更多 ></a></button>
    </li>
    <li><a href="#"><img src="http://www.yishion.com/uploadfiles/image/images/01.jpg" alt=""/></a>
        <p><a href="#">2016秋装新品</a></p>
        <a href="#" style="text-decoration: none; "><h3>韩庚星推荐</h3></a>
        <button><a href="#">了解更多 ></a></button>
    </li>
    <li><a href="#"><img src="http://www.yishion.com/uploadfiles/250x330/201605271115491549.jpg" alt=""/></a>
        <p><a href="#">2016秋装新品</a></p>
        <a href="#" style="text-decoration: none; "><h3>防晒衫</h3></a>
        <button><a href="#">了解更多 ></a></button>
    </li>
    <li><a href="#"><img src="http://www.yishion.com/uploadfiles/250x330/201605271128302830.jpg" alt=""/></a>
        <p><a href="#">2016秋装新品</a></p>
        <a href="#" style="text-decoration: none; "><h3>背带装</h3></a>
        <button><a href="#">了解更多 ></a></button>
    </li>
</ul>
    <div class="dm">
    <img src="http://www.yishion.com/uploadfiles/813x233/201605280930193019.jpg" alt="..."/>
</div>
<div class="top">
    <ul>
        <li><a href="#"><img src="http://www.yishion.com/uploadfiles/813x233/201605280928472847.jpg" alt=""/></a>
            <span><a href="#">品牌故事</a></span>
        </li>
        <li><a href="#"><img src="http://www.yishion.com/uploadfiles/image/images/col_02.jpg" alt=""/></a>
            <span><a href="#">关注微信公众号，更多好礼！</a></span>
        </li>
        <li><a href="#"><img src="http://www.yishion.com/uploadfiles/image/images/col_03.jpg" alt=""/></a>
            <span><a href="#">加入vip</a></span>
        </li>
        <li><a href="http://www.yishion.com/storesearch/list_57.aspx"><img src="http://www.yishion.com/uploadfiles/image/images/col_04.jpg" alt=""/></a>
            <span><a href="#">店铺地图</a></span>
        </li>
    </ul>
</div>
</div>
<footer class="footer">
    <div class="footertop">
        <img src="uploads/F4JA077WSHF8HEGLX%60IV%5BQP.png" alt=""/>
        <button><a href="#">了解更多 ></a></button>
        <ul>
            <li><a href="#"><img src="uploads/_1WWBZH%2508T9)1QH0QQ%7D5DB.png" alt=""/></a></li>
            <li><a href="#"><img src="uploads/OUS%25U~H~ZM3)7L%7DT~LBI8CW.png" alt=""/></a></li>
            <li><a href="#"><img src="uploads/0N%60_T%7D05_M%60~5C2B8U1$1~U.png" alt=""/></a></li>
            <li><a href="#"><img src="uploads/D~AAM~HLUU~%5D%5BX3M48@%5DEZH.png" alt=""/></a></li>
        </ul>
    </div>
    <div class="footerdi">
         <nav>
          <dl>
              <dt><a href="#">产品风尚</a></dt>
              <dd><a href="#">男装</a></dd>
              <dd><a href="#">女装</a></dd>
              <dd><a href="#">童装</a></dd>
              <dd><a href="#">配衬</a></dd>
          </dl>
             <dl>
                 <dt><a href="#">关于以纯</a></dt>
                 <dd><a href="#">品牌故事</a></dd>
                 <dd><a href="#">媒体中心</a></dd>
                 <dd><a href="#">精彩视频</a></dd>
                 <dd><a href="#">联系我们</a></dd>
                 <dd><a href="#">工作机会</a></dd>
                 <dd><a href="#">推广活动</a></dd>
             </dl>
             <dl>
                 <dt><a href="#">帮助信息</a></dt>
                 <dd><a href="#">店铺查询</a></dd>
                 <dd><a href="#">VIP服务</a></dd>
                 <dd><a href="#">常见问题</a></dd>
                 <dd><a href="#">服装保养</a></dd>
                 <dd><a href="#">隐私政策</a></dd>
             </dl>
             <dl>
                 <dt><a href="#">关注我们</a></dt>
                 <dd><a href="#">邮件订阅</a></dd>
                 <dd><a href="#">官方微博</a></dd>
                 <dd><a href="#">官方微信</a></dd>
             </dl>
             <dl>
                 <dt><a href="#">了解更多潮流资讯</a></dt>
                 <dd><a href="#">输入邮箱，通过电子订阅，了解最新的时尚信息、
                     最潮的品牌，享更多折扣优惠。</a></dd>
                 <input type="text"/>
                 <button><a href="#">订阅</a></button>
             </dl>
         </nav>
        <div class="footerbootom">
            <a href="#"><img src="uploads/7.png" alt=""/></a>
            <a href="#"><img src="uploads/9.png" alt=""/></a>
            <a href="#"><img src="uploads/10.png" alt=""/></a>
        </div>
        <div class="reter">
            东莞市以纯集团有限公司 <br/>
            版权所有 Copyright © 2007-2016 YISHION all rights reserved Powered by YISHION
        </div>
        <div class="v">
            <a href="#"><img src="uploads/v.png" alt=""/>粤公网安备 44190002000139号</a>
            <a href="#">粤ICP备07502554号-3</a>
        </div>
        <div class="tu"><img src="uploads/pic.gif" alt="..."/></div>
        </div>
</footer>
<div class="weixin">
    <div class="datu">
        <div class="img"></div>
        <div class="xiaotu"><p>×</p></div>
    </div>
</div>

</body>
</html>
<script src="./script/log.js"></script>